<template>
  <n-button size="small" @click="show = !show">
    <TextIcon tip="更多设置" icon="gg:more-r"></TextIcon>
  </n-button>
  <n-drawer v-model:show="show" placement="top" height="300">
    <slot></slot>
  </n-drawer>
</template>

<script setup lang="ts">
import {useVModel} from "@vueuse/core";
import TextIcon from "@/components/pc/icon/TextIcon.vue";

const props = defineProps({
  isShow: {
    type: Boolean,
    default: false
  }
})
const emit = defineEmits(['update:isShow'])

const show = useVModel(props, 'isShow', emit)

</script>

<style scoped>


</style>